<template>
  <div class="enterpriseAuditForm">
    <div class="clearFloating">
      <div class="founder">创建人</div>
      <div class="corporateName">公司名称</div>
      <div class="contacts">联系人</div>
      <div class="number">联系人号码</div>
      <div class="state">状态</div>
      <div class="time">创建时间</div>
      <div class="businessLicense">营业证照</div>
      <div class="operation">操作</div>
    </div>
    <div class="clearFloating fontSize">
      <div class="founder">小孩纸</div>
      <div class="corporateName">方富(广州)高新材料科技有限公司</div>
      <div class="contacts">陈燕巧</div>
      <div class="number">13823427117</div>
      <div class="state">审核中</div>
      <div class="time">2021-01-15</div>
      <div class="seeLicense">营业证照</div>
      <div class="editOperation">
        <p>通过</p>
        <p>不通过</p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "toExamine",
    data(){
      return {
        
      }
    },
    mounted() {
    }
  }
</script>

<style lang="less" scoped>
  .enterpriseAuditForm{
    margin-top: 10px;
    background-color: #fff;
    border-top: 1px solid #daeaf5;
    border-left: 1px solid #daeaf5;
    .clearFloating{
      &:after{
        content:"";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
      }
      &>div{
        float: left;
        border-right: 1px solid #daeaf5;
        border-bottom: 1px solid #daeaf5;
        padding: 12px 0;
        text-align: center;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        background-color: #f9fbff;
        min-height: 44px;
      }
      .seeLicense{
        color: #44a2ff;
      }
      .editOperation{
        color: #44a2ff;
        padding: 0 0;
      }
    }
    .fontSize{
      &>div{
        background-color: #fff;
      }
    }
    .founder{
      width: 80px;
    }
    .corporateName{
      width: 250px;
    }
    .contacts{
      width: 100px;
    }
    .number{
      width: 110px;
    }
    .state{
      width: 100px;
    }
    .time{
      width: 100px;
    }
    .businessLicense{
      width: 90px;
    }
    .operation{
      width: 69px;
    }
    .seeLicense{
      width: 90px;
      cursor: pointer;
      &:hover{
        color: #3078bf;
      }
    }
    .editOperation{
      width: 69px;
      cursor: pointer;
      p{
        text-align: center;
        padding: 1.25px 0px;
        &:hover{
          color: #3078bf;
        }
      }
    }
  }
</style>
